﻿@page
@model IndexModel
@{
    ViewData["Title"] = "Home";
}

<div>
    <!-- Masthead-->
    <header class="masthead">
        <div class="container px-4 px-lg-5 h-100">
            <div class="row gx-4 gx-lg-5 h-100 align-items-center justify-content-center text-center">
                <div class="col-lg-8 align-self-end">
                    <h1 class="text-white font-weight-bold">心耕耘 · 喜生活</h1>
                    <hr class="divider" />
                </div>
                <div class="col-lg-8 align-self-baseline">
                    <p class="text-white-75 mb-5">品味生活之美，缓步拥抱喜悦</p>
                    <a class="btn btn-primary btn-xl" href="#about">更多精彩</a>
                </div>
            </div>
        </div>
    </header>
    <!-- About-->
    <section class="page-section bg-primary" id="about">
        <div class="container px-4 px-lg-5">
            <div class="row gx-4 gx-lg-5 justify-content-center">
                <div class="col-lg-8 text-center">
                    <h2 class="text-white mt-0">耕喜文旅</h2>
                    <hr class="divider divider-light" />
                    <p class="text-white-75 mb-4">
                        珍视生命的每一丝光华，缓行人间，让心扉轻轻拥抱生活的每份喜悦。
                        <br />
                        <br />
                        在喧嚣的现代生活中，耕喜品牌的故事始于对过往岁月的怀念和对自然朴素生活的向往。耕喜，是一个关于回归与发现的品牌，它诞生于一群旅行爱好者和文化探索者的心中，他们相信旅行不只是跨越空间的移动，而是心灵与自然、历史与文化深度交流的过程。
                        <br />
                        <br />
                        <br />
                        <br />
                        &#10148;&nbsp;&nbsp;一个诗画里的房子「民宿」
                        <br />
                        <br />
                        &#10148;&nbsp;&nbsp;另一种生活日常的呈现「文创」
                        <br />
                        <br />
                        &#10148;&nbsp;&nbsp;人生即远足「旅行」
                        <br />
                        <br />
                        &#10148;&nbsp;&nbsp;生活即教育「研学」
                        <br />
                        <br />
                    </p>
                    <a class="btn btn-light btn-xl" href="#services">发现之旅</a>
                </div>
            </div>
        </div>
    </section>
    <!-- Services-->
    <section class="page-section" id="services">
        <div class="container px-4 px-lg-5">
            <h2 class="text-center mt-0">耕 喜</h2>
            <hr class="divider" />
            <div class="row gx-4 gx-lg-5">
                <div class="col-lg-3 col-md-6 text-center">
                    <div class="mt-5">
                        <div class="mb-2"><i class="bi bi-1-circle fs-1 text-primary"></i></div>
                        <h3 class="h4 mb-2">民宿</h3>
                        <p class="text-muted mb-0">变成诗画里的人</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 text-center">
                    <div class="mt-5">
                        <div class="mb-2"><i class="bi bi-2-circle fs-1 text-primary"></i></div>
                        <h3 class="h4 mb-2">文创</h3>
                        <p class="text-muted mb-0">不一样的事物呈现</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 text-center">
                    <div class="mt-5">
                        <div class="mb-2"><i class="bi bi-3-circle fs-1 text-primary"></i></div>
                        <h3 class="h4 mb-2">旅行</h3>
                        <p class="text-muted mb-0">无深度不旅行</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 text-center">
                    <div class="mt-5">
                        <div class="mb-2"><i class="bi bi-4-circle fs-1 text-primary"></i></div>
                        <h3 class="h4 mb-2">研学</h3>
                        <p class="text-muted mb-0">用文化把旅游做成教育</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Portfolio-->
    <div id="portfolio">
        <div class="container-fluid p-0">
            <div class="row g-0">
                <div class="col-lg-4 col-sm-6">
                    <a class="portfolio-box" href="assets/img/portfolio/fullsize/1.jpg" title="美好生活">
                        <img class="img-fluid" src="assets/img/portfolio/thumbnails/1.jpg" alt="..." />
                        <div class="portfolio-box-caption">
                            <div class="project-category text-white-50">分享</div>
                            <div class="project-name">湖泊</div>
                        </div>  
                    </a>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <a class="portfolio-box" href="assets/img/portfolio/fullsize/2.jpg" title="美好生活">
                        <img class="img-fluid" src="assets/img/portfolio/thumbnails/2.jpg" alt="..." />
                        <div class="portfolio-box-caption">
                            <div class="project-category text-white-50">分享</div>
                            <div class="project-name">大海</div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <a class="portfolio-box" href="assets/img/portfolio/fullsize/3.jpg" title="美好生活">
                        <img class="img-fluid" src="assets/img/portfolio/thumbnails/3.jpg" alt="..." />
                        <div class="portfolio-box-caption">
                            <div class="project-category text-white-50">分享</div>
                            <div class="project-name">草原</div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <a class="portfolio-box" href="assets/img/portfolio/fullsize/4.jpg" title="美好生活">
                        <img class="img-fluid" src="assets/img/portfolio/thumbnails/4.jpg" alt="..." />
                        <div class="portfolio-box-caption">
                            <div class="project-category text-white-50">分享</div>
                            <div class="project-name">雪山</div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <a class="portfolio-box" href="assets/img/portfolio/fullsize/5.jpg" title="美好生活">
                        <img class="img-fluid" src="assets/img/portfolio/thumbnails/5.jpg" alt="..." />
                        <div class="portfolio-box-caption">
                            <div class="project-category text-white-50">分享</div>
                            <div class="project-name">沙漠</div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <a class="portfolio-box" href="assets/img/portfolio/fullsize/6.jpg" title="美好生活">
                        <img class="img-fluid" src="assets/img/portfolio/thumbnails/6.jpg" alt="..." />
                        <div class="portfolio-box-caption p-3">
                            <div class="project-category text-white-50">分享</div>
                            <div class="project-name">彩林</div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- Call to action-->
    <section class="page-section bg-dark text-white" id="contact">
        <div class="container px-4 px-lg-5 text-center">
            <div style="position:center">
                <img src="~/assets/img/gengxi.png" />
            </div>
            <br />
            <br />
            <a class="btn btn-light btn-xl" href="#">联系我们</a>
            <p class="text-white-75 mb-4">
                <br />
                <br />
                视频号：耕喜文旅
                <br />
                <br />
                抖音号：耕喜旅行
                <br />
                <br />
                小红书：耕喜旅行
                <br />
                <br />
                联系电话：17778691135
            </p>
        </div>
    </section>
</div>